<!-- ===================================================
        Loading Transition
      ==================================================== -->
      <section>
        <div id="preloader">
          <div id="ctn-preloader" class="ctn-preloader">
            <div class="animation-preloader">
              <div class="icon"><img src="__UPLOAD__/{:$configs['SYSTEM_LOGO']}" alt="" class="m-auto d-block" width="260"></div>
              <div class="txt-loading mt-2">
                <span data-text-preloader="焱" class="letters-loading">
                  焱
                </span>
                <span data-text-preloader="云" class="letters-loading">
                  云
                </span>
                <span data-text-preloader="科" class="letters-loading">
                  科
                </span>
                <span data-text-preloader="技" class="letters-loading">
                  技
                </span>
                <!-- <span data-text-preloader="O" class="letters-loading">
                  O
                </span> -->
              </div>
            </div>  
          </div>
        </div>
      </section>


      <!-- 
      =============================================
        Search
      ============================================== 
      -->
      <div class="offcanvas offcanvas-top theme-search-form justify-content-center" tabindex="-1" id="offcanvasTop">
        <button type="button" class="close-btn tran3s" data-bs-dismiss="offcanvas" aria-label="Close"><i class="bi bi-x-lg"></i></button>
        <div class="form-wrapper">
          <form action="#">
            <input type="text" placeholder="Search Keyword....">
          </form>
        </div> <!-- /.form-wrapper -->
      </div>


      <!-- 
      =============================================
        Theme Main Menu
      ============================================== 
      -->
      <header class="theme-main-menu sticky-menu theme-menu-one">
        <div class="inner-content">
          <div class="d-flex align-items-center justify-content-between">
            <div class="logo order-lg-0"><a href="{:url('index/index')}" class="d-block"><img src="__UPLOAD__/{:$configs['SYSTEM_LOGO']}" alt="" width="180"></a></div>

            <div class="right-widget d-flex align-items-center ms-auto ms-lg-0 order-lg-3">
              <!-- <button class="menu-search-btn tran3s" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasTop" aria-controls="offcanvasTop"><i class="bi bi-search"></i></button> -->
              <!-- <a href="#" class="req-demo-btn tran3s d-none d-lg-block">Request a Demo</a> -->
            </div> <!-- /.right-widget -->

            {include file="html/nav" /}
          </div>
        </div> <!-- /.inner-content -->
      </header> <!-- /.theme-main-menu -->